.el-overlay.is-drawer {
    overflow: hidden
}

.el-drawer {
    --el-drawer-bg-color: var(--el-dialog-bg-color, var(--el-bg-color));
    --el-drawer-padding-primary: var(--el-dialog-padding-primary, 20px);
    --el-drawer-dragger-size: 8px;
    background-color: var(--el-drawer-bg-color);
    box-shadow: var(--el-box-shadow-dark);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    position: absolute;
    transition: all var(--el-transition-duration)
}

.el-drawer .btt,
.el-drawer .ltr,
.el-drawer .rtl,
.el-drawer .ttb {
    transform: translate(0)
}

.el-drawer__sr-focus:focus {
    outline: none !important
}

.el-drawer__header {
    align-items: center;
    color: var(--el-text-color-primary);
    display: flex;
    margin-bottom: 32px;
    overflow: hidden;
    padding: var(--el-drawer-padding-primary);
    padding-bottom: 0
}

.el-drawer__header>:first-child {
    flex: 1
}

.el-drawer__title {
    flex: 1;
    font-size: 16px;
    line-height: inherit;
    margin: 0
}

.el-drawer__footer {
    overflow: hidden;
    padding: var(--el-drawer-padding-primary);
    padding-top: 10px;
    text-align: right
}

.el-drawer__close-btn {
    background-color: transparent;
    border: none;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    font-size: var(--el-font-size-extra-large);
    outline: none
}

.el-drawer__close-btn:focus i,
.el-drawer__close-btn:hover i {
    color: var(--el-color-primary)
}

.el-drawer__body {
    flex: 1;
    overflow: auto;
    padding: var(--el-drawer-padding-primary)
}

.el-drawer__body>* {
    box-sizing: border-box
}

.el-drawer.is-dragging {
    transition: none
}

.el-drawer__dragger {
    background-color: transparent;
    position: absolute;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.el-drawer__dragger:before {
    background-color: transparent;
    content: "";
    position: absolute;
    transition: all .2s
}

.el-drawer__dragger:hover:before {
    background-color: var(--el-color-primary)
}

.el-drawer.ltr,
.el-drawer.rtl {
    bottom: 0;
    height: 100%;
    top: 0
}

.el-drawer.ltr>.el-drawer__dragger,
.el-drawer.rtl>.el-drawer__dragger {
    bottom: 0;
    cursor: ew-resize;
    height: 100%;
    top: 0;
    width: var(--el-drawer-dragger-size)
}

.el-drawer.ltr>.el-drawer__dragger:before,
.el-drawer.rtl>.el-drawer__dragger:before {
    bottom: 0;
    top: 0;
    width: 3px
}

.el-drawer.btt,
.el-drawer.ttb {
    left: 0;
    right: 0;
    width: 100%
}

.el-drawer.btt>.el-drawer__dragger,
.el-drawer.ttb>.el-drawer__dragger {
    cursor: ns-resize;
    height: var(--el-drawer-dragger-size);
    left: 0;
    right: 0;
    width: 100%
}

.el-drawer.btt>.el-drawer__dragger:before,
.el-drawer.ttb>.el-drawer__dragger:before {
    height: 3px;
    left: 0;
    right: 0
}

.el-drawer.ltr {
    left: 0
}

.el-drawer.ltr>.el-drawer__dragger {
    right: 0
}

.el-drawer.ltr>.el-drawer__dragger:before {
    right: -2px
}

.el-drawer.rtl {
    right: 0
}

.el-drawer.rtl>.el-drawer__dragger {
    left: 0
}

.el-drawer.rtl>.el-drawer__dragger:before {
    left: -2px
}

.el-drawer.ttb {
    top: 0
}

.el-drawer.ttb>.el-drawer__dragger {
    bottom: 0
}

.el-drawer.ttb>.el-drawer__dragger:before {
    bottom: -2px
}

.el-drawer.btt {
    bottom: 0
}

.el-drawer.btt>.el-drawer__dragger {
    top: 0
}

.el-drawer.btt>.el-drawer__dragger:before {
    top: -2px
}

.el-drawer-fade-enter-active,
.el-drawer-fade-leave-active {
    transition: all var(--el-transition-duration)
}

.el-drawer-fade-enter-active,
.el-drawer-fade-enter-from,
.el-drawer-fade-enter-to,
.el-drawer-fade-leave-active,
.el-drawer-fade-leave-from,
.el-drawer-fade-leave-to {
    overflow: hidden !important
}

.el-drawer-fade-enter-from,
.el-drawer-fade-leave-to {
    background-color: transparent !important
}

.el-drawer-fade-enter-from .rtl,
.el-drawer-fade-leave-to .rtl {
    transform: translateX(100%)
}

.el-drawer-fade-enter-from .ltr,
.el-drawer-fade-leave-to .ltr {
    transform: translateX(-100%)
}

.el-drawer-fade-enter-from .ttb,
.el-drawer-fade-leave-to .ttb {
    transform: translateY(-100%)
}

.el-drawer-fade-enter-from .btt,
.el-drawer-fade-leave-to .btt {
    transform: translateY(100%)
}